<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户登录</title>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<style>
			#Logindiv{
				position: absolute;
				width: 400px;
				height:300px;
				background-color: lightgrey;
				top: 50%;
				left: 50%;
				z-index: 1;
				margin-left: -200px;
				margin-top: -150px;
				opacity: 0.9;
				border: solid lightgray;
				border-radius: 25px;
				padding: 10px,10px,10px,10px;
				
			}
			#maindiv{
				position: absolute;
				top:0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: radial-gradient(#9dbdb3,#37b9e9);
			}
			#Loginform{
				
				margin-left: 40px;
				margin-right: 40px;
				
			}
			#faceCheck{
				position: absolute;
				width: 50px;
				height: 50px;
				top: 50%;
				left: 50%;
				margin-top: -175px;
				margin-left: -25px;
				background-color: #5cb85c;
				z-index: 2;
				border: solid #5cb85c;
				border-radius: 100px;
				
			}

		</style>
	</head>
	<body>
		<div id = "maindiv">
			
				<div id="faceCheck" >
					<button type="button" class="btn btn-default btn-block btn-success btn-lg" aria-label="LoginByFace" style="border-radius: 100px; border: hidden;">
  						<span class="glyphicon glyphicon-camera" aria-hidden="true" style="margin-left: -3px;"></span>
					</button>
				</div>
				
				<div id="Logindiv" class="row clearfix">
					<div id="Loginform">
						<form action="LoginRegistServlet" method="post">
							<div class="input-group" style="margin-top: 50px;">
		  						<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></span>
		  						<input type="text" name = "username" id="username" class="form-control" placeholder="Username" aria-describedby="basic-addon1" required="required">
							</div>
							
							<div class="input-group" style="margin-top: 10px;">
		  						<span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></span>
		  						<input type="password" name="password" id="password" class="form-control" placeholder="Password" aria-describedby="basic-addon2" required="required">
							</div>
							<div class="row clearfix" >
								<div class="col-md-4">
									<div class="checkbox" align="center">
				 						<label><input type="checkbox" name="rempassword" id="remcheck" value="rempwd"/>记住密码</label>
									</div>
								</div>
								<div class="col-md-4">
									<div class="radio" align="center">
				 						<label><input type="radio" name="power" checked="checked" value="student"/>学生</label>
									</div>
								</div>
								<div class="col-md-4">
									<div class="radio" align="center">
				 						<label><input type="radio" name="power" value="teacher"/>老师</label>
									</div>
								</div>
							</div>
							<div style="margin-top: 10px;">
								 <button type="submit" class="btn btn-default btn-block btn-success">登录</button>
							</div>
							<input type="hidden" name="op" value="Login" />
						</form>
						<div style="margin-top: 10px;">
							<a href="Regist.jsp">注册账号</a>
						</div>
					</div>
				</div>
		</div>

	</body>
</html>

